<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <header>头部</header>
    <nav>导航</nav>
    <section>主体</section>
    <aside>侧边</aside>
    <footer>底部</footer>

    <address>浙江杭州</address> <br>
    <time>2015-12-20</time> <br>
    <br>
    <form action="">
    输入文本框[text]：<input type="text">  <br>
    输入密码[password]：<input type="password"> <br>
    多选[checkbox]：<input type="checkbox"> <br>
    单选[radio]：<input type="radio"> <br>
    颜色[color]：<input type="color"> <br>
    时间[date]：<input type="date"> <br>
    时间[datetime]：<input type="datetime"> <br>
    时间[datetime-local]：<input type="datetime-local"> <br>
    时间[month]：<input type="month"> <br>
    时间[week]：<input type="week"> <br>
    图片[image]：<input type="image" src="btn.png"><br>
    邮箱[email]：<input type="email"><br>
    文件[file]：<input type="file"><br>
    数字[number]：<input type="number"><br>
    滑块[range]：<input type="range"  min="0" max="100" value="" step="1"><br>
    文件[file]：<input type="file" accept="image/gif"><br>
    电话[tel]：<input type="tel"><br>
    网址[url]：<input type="url"><br>
    重置[reset]:<input type="reset"><br>
    提交[submit]:<input type="submit"><br>
    <br><hr><br>
    </form>

    
    <form oninput="chooseColor.value=color.value">
        <label for="color">请选择颜色：</label>
        <input type="color" id="color" name="color">
        <output name="chooseColor"></output>
    </form>

    <br><hr><br>

    <form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
        <input type="range" name="b" value="50" /> +
        <input type="number" name="a" value="10" /> =
        <output name="result"></output>
    </form>

    <br><hr><br>

    <form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
        <input type="text" name="a" width="20"> +
        <input type="text" name="b" width="20"> =
        <output name="result"></output>
    </form>

    <br><hr><br>

    <meter min="0" max="100" value="40" low="20" high="70"></meter>
    <progress value="0.6"></progress>

    <br><hr><br>

    <object data="btn.png" ></object>
    <object data="apple.mp3" ></object>
    <object data="main.js" ></object>

    <embed src="儿歌%20-%20葫芦娃.mp3" type="">

        <audio src="apple.mp3" id="audio"></audio>


</body>
</html>